<!DOCTYPE html>
<html>
	<head>
		<title>Nox2D - About</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="examples/global.css" media="screen,projection" />
		<script type="text/javascript" src="javascripts/modernizr.js"></script>
		<script type="text/javascript" src="./javascripts/Nox/NoxImage.js"></script>
		<script type="text/javascript" src="./javascripts/Nox/NoxCompatible.js"></script>
		<script type="text/javascript" src="./javascripts/Nox/NoxCanvas.js"></script>
	</head>
	<body>
		<header>
			<h1>Nox 2d - About</h1>
			<p>Nox is game engine developed for <span>&lt;Canvas&gt;</span> technology.</p>
		</header>
		<div>
			<noscript><section class="error"><p>Your browser does not support JavaScript(EcmaScript, JScript) or it's disabled!</p></section></noscript>
			<section>
				<p>Nox has following feature:</p>
				<ul>
					<li>true Javascript, without any framework</li>
					<li>compatible for Chrome4+, Firefox4+, IE9+</li>
					<li>Free for user (<a href="examples/licence.html">read more</a>)</li>
				</ul>
			</section>
			<section>
				<h2>Getting Started:</h2>
				<ol>
					<li><a href="examples/base.html">About</a></li>
					<li><a href="examples/licence.html">Licence</a></li>
					<li><a href="examples/noximage.html">Creating a NoxImage</a></li>
					<li><a href="examples/noxapi.html">Nox Public Methods</a></li>
				</ol>
				<p class="b">Example with image sprite from the Settlers 4:</p>
				<span style="background-color: green; height: 300px; width: 500px; display: inline-block">
					<canvas id="myCanvas" width="500" height="300"></canvas>
				</span>
				<script type="text/javascript">
					var myImage= window.location.href.match(/^(.*)\/[^\/]+$/)[1] + '/examples/mill.gif';
					var n = new nox(document.getElementById('myCanvas'), Array(
						new NoxImage(myImage, 5, undefined, 300),
						new NoxImage(myImage, 5, {x: 60, y: 60}),
						new NoxImage(myImage, 5, {x: 120, y: 60}, 1200),
						new NoxImage(myImage.replace(/mill\.gif$/, 'man.png'), 8, {x: 220, y: 100}, 800)
						)
					);
					n.mouseMove('left')
						.elementProtection()
						.start();
				</script>
			</section>
		</div>
	</body>
</html>